<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
	    <title></title>

	    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
	    <link href="css/style.css" rel="stylesheet">

	    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
	    <link href="css/ionic.app.css" rel="stylesheet">
	    -->

	    <!-- ionic/angularjs js -->
	    <script src="lib/ionic/js/ionic.bundle.js"></script>

	    <!-- cordova script (this will be a 404 during development) -->
	    <script src="cordova.js"></script>

	    <!-- your app's js -->
	    <script src="js/app.js"></script>
	    <script src="js/controllers.js"></script>
	    <script src="js/services.js"></script>
	    
	</head>
	<body ng-app="guide">
		<div class="guide-page">
			<ion-slide-box>
  				<ion-slide>
    				<div><img src="img/guide1.png" alt="1" style=""></div>
  				</ion-slide>
  				<ion-slide>
    				<div><img src="img/guide2.png" alt="2"></div>
  				</ion-slide>
  				<ion-slide on-slide-changed="slideHasChanged(index)">
   					<div>
   						<img src="img/guide3.png" alt="3">
						<a href="#/go-to-index">
							<h3  align="center" >现在体验</h3>
						</a>
   					</div>
 			 	</ion-slide>
			</ion-slide-box>
		</div>

		<script>
			angular.module('guide',['ionic']);
		</script>
	</body>
</html>